// tsx 中使用 v-for 语法
import { reactive } from "vue";
interface Data {
  name: string;
  age: number;
}
let list = reactive<Data[]>([
  { name: "张三", age: 12 },
  { name: "李四", age: 18 },
]);

const tsxDom = () => {
  return (
    <>
      {/* 完全遵循 react 语法即可 */}
      {list.map((item) => {
        return <div>{item.name}</div>;
      })}
    </>
  );
};

export default tsxDom;
